<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="decorator/decorator">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.left{ float:left; margin-left:30px;}
</style>

<title>餐桌显示</title>

<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css"/>
	


</head>
<body>  
 <div layout:fragment="content" th:remove="tag">


<div class="box-slider" >
	<div ><h4>请选择餐桌后再点餐哦</h4></div><hr/>
	<div class="showFreeTable">
	
	<div th:each="FreeTable:${FreeTables}"
				onmouseover="this.style.backgroundColor='#ffff66';"
				onmouseout="this.style.backgroundColor='#d4e3e5';"  class="left">
			<form action="/userShowAllFood" method="post">
				<!-- 点击餐桌跳转点菜 -->
				<img src="images/canzhuo.jpg"/>	<br/><br/> 
				<input type="hidden" name="tableId"  th:value="${FreeTable.tableId}"/>
				<input type="hidden" name="tableName"  th:value="${FreeTable.tableName}"/> 
				<input type="submit" th:value="选择+${FreeTable.tableName}+用餐"/>
				&nbsp;&nbsp;&nbsp;
			</form>
	</div>
	
	</div>
</div> 



<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>


</div>
</body>
</html>